<template>
  <div class="conter">
    <!-- <button @click="translationStart">开始</button>
    <button @click="translationEnd">停止</button>
    <div class="text">{{ searchData }}</div> -->
  </div>
</template>
<script>
// import IatRecorder from "./js/IatRecorder";
// const iatRecorder = new IatRecorder("en_us", "mandarin", "6d1b5e69"); //小语种-中文方言-appId
export default {
  data() {
    return {
      searchData: "",
    };
  },

  // methods: {
  //   translationStart() {
  //     iatRecorder.start();
  //   },
  //   translationEnd() {
  //     iatRecorder.onTextChange = (text) => {
  //       const inputText = text;
  //       this.searchData = inputText.substring(0, inputText.length - 1); //文字处理，因为不知道为什么识别输出的后面都带‘。’，这个方法是去除字符串最后一位
  //       console.log(this.searchData);
  //     };
  //     iatRecorder.stop();
  //   },
  // },
};
</script>
// <style lang="less" scoped>
// .conter {
//   button:first-child {
//     margin: 6rem;
//   }
//   button {
//     font-size: 3rem;
//   }
// }
// .text {
//   background-color: rgb(243, 126, 126);
//   width: 90%;
//   min-height: 5rem;
//   padding: 1rem;
//   border: 1px solid red;
//   font-size: 2rem;
// }
//
</style>
